iT邦幫忙

2026 iThome 鐵人賽

DAY 1
0
自我挑戰組

程式碼 AI 寫,我負責看懂:30 天拆解 React × TypeScript系列 第 1

Day 01|程式碼都讓 AI 寫,那我到底要學什麼?

  • 分享至 

  • xImage
  •  

作為一個剛接觸程式設計不久的超級新手,跨領域學習本身對我來說就已經是一件很有挑戰性的事情。
但在學習過程中,我也經常聽老師提到,隨著 AI 持續發展,現在的開發方式已經和過去不太一樣。很多時候,工程師不一定需要從零開始把所有程式碼一行一行寫出來,而是會透過 AI 協助產生程式碼,再進一步調整與開發。
聽到這些話的時候,儘管有部分的人第一時間認為現在有AI的幫忙或許在學習上挺有幫助的,但對我來說反而讓我覺得挑戰好像雲霄飛車般直線上升。

既然大家都可以使用 AI,那我還需要學什麼?
如果 AI 已經可以幫忙寫程式碼,那身為新手的我又能做什麼?
當然也免不了開始思考:「我真的要走這條路嗎?」、「我要怎麼在這個新的領域裡找到自己的定位?」
既然 AI 已經成為開發的一部分,那與其完全排斥它,不如換一個方向思考。

讓 AI 負責產生程式碼,而我負責把它看懂。

「它為什麼要這樣寫?」
「這一段程式碼在做什麼?」
「如果出現完全沒有看過的語法,我該怎麼理解?」
「如果 AI 寫出來的東西可以執行,就代表它一定是好的寫法嗎?」

上面種種問題,也將成為我這次 30 天挑戰真正想要探索的事情。
不過接下來的 30 天並不會從第一天就直接打開 AI,叫它幫我完成一個專案。在真正開始 AI 協作之前,我想先從自己還沒有正式接觸過的 React 與 TypeScript 開始。
我計畫試著從過去學習過的 JavaScript 與 Vue 出發,理解 React 與 Vue 在開發方式上的差異,以及 TypeScript 又是在 JavaScript 的基礎上增加了什麼。
等到建立一些基本概念之後,後半段才會真正開始讓 AI 參與專案實作。我想做的並不是單純把 AI 產出的程式碼複製貼上,而是一邊回頭複習前面學到的內容,一邊嘗試回答:

「為什麼這裡要這樣寫?」
「如果換成我以前學過的 Vue,會怎麼做?」
「這段是 React 的概念,還是 TypeScript 的功能?」
「AI 為什麼會產出這樣的 Code?」

簡單來說,這 30 天預計會按照:
React → TypeScript → AI 協作 → Code Review → 學習回顧
這樣的順序進行。

雖然我不知道 30 天之後,自己能不能真的說「我會 React 和 TypeScript」。
但至少希望到那時候,面對 AI 產出的程式碼時,我不再只是看著它成功執行,而是可以慢慢知道它究竟寫了些什麼、為什麼這樣寫,以及我能不能判斷它寫得合不合理。

那麼下一篇,將會先從了解React與Vue的區別開始:
React 和我原本接觸過的 Vue,到底差在哪裡?


下一篇
Day 02|React、Vue 都能做前端,它們到底差在哪?
系列文
程式碼 AI 寫,我負責看懂:30 天拆解 React × TypeScript5
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言